<div class="container">
  <router-outlet></router-outlet>
  <div class="menu-wrapper">
    <ul class="menu"  #menuUl>
      <li class="menu-item"(click)="onMenuClick(menuUl,i)" *ngFor="let menu of menus;index as i"><span>{{menu}}</span></li>
    </ul>
  </div>
  <div class="goods-wrapper">
    <ul class="goods" *ngFor="let good of goods;index as i1">
      <li class="goods-item">
        <h1 class="title" [id]="'name'+i1">{{good.name}}</h1>
        <ul class="goods-list">
          <li class="goods-list-item" *ngFor="let food of good.foods" (click)="onGoodDetail(food)">
            <div class="icon">
              <img [src]="$any(food).icon" width="80" height="80"/>
            </div>
            <div class="content">
              <p class="name">{{$any(food).name}}</p>
              <p class="desc">{{$any(food).description}}</p>
              <p class="extra"><span class="count">月销售{{$any(food).sellCount}}</span> <span class="rating">好评率{{food.rating}}</span></p>
              <p class="price">￥{{$any(food).price}}</p>
            </div>
            <div class="add-btn" #btns>
              <span class="iconfont icon-jian1 hidden" (click)="onDecrease($event,$any(food).price)"></span>
              <span class="hidden">0</span>
              <span class="iconfont icon-add-sy" (click)="onIncrease($event,$any(food).price)"></span>
            </div>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</div>
